<template>
  <div class="m-detailsHeader">
    <div class="m-searchListPanel m-searchListPanelA">
      <div class="layout-1"><span class="leftLine"></span>真实相关</div>
    </div>
    <el-tabs v-model="activeTab" class="m-common-tab">
      <el-tab-pane label="真实账号" name="TheAccount"></el-tab-pane>
      <el-tab-pane label="开户提案" name="TheProposal"></el-tab-pane>
      <el-tab-pane label="网页注册" name="TheRegister"></el-tab-pane>
    </el-tabs>
    <!--1=真实帐号 2=lead-->
    <div :is="activeTab" type="2" class="detailsContent"></div>
  </div>
  </template>
  <script>
    import TheAccount from './components/TheAccount.vue'
    import TheProposal from './components/TheProposal.vue'
    import TheRegister from './components/TheRegister.vue'
    export default {
      name: 'TheReal',
      data () {
        return {
          activeTab: 'TheAccount'
        }
      },
      components: {
        TheAccount,
        TheProposal,
        TheRegister,
      },
      methods: {}
    }
  </script>

  <style scoped lang="scss">
    .detailsContent {
      padding-top: 24px;
    }
  </style>
